<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城-列表页</title>
    <link rel="icon" href="../images/til.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/list.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../jquery-pagination/pagination.css">
    <!-- <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.min.css"> -->

</head>

<body>
    <!-- top_nav -->
    <div class="top_nav">
        <div class="top_nav-con">
            <ul>
                <li><a href="">小米商城</a></li>
                <li><a href="">MIUI</a></li>
                <li><a href="">IoT</a></li>
                <li><a href="">云服务</a></li>
                <li><a href="">金融</a></li>
                <li><a href="">有品 </a></li>
                <li><a href="">小爱开放平台</a></li>
                <li><a href="">企业团购</a></li>
                <li><a href="">资质证照</a></li>
                <li><a href="">协议规则</a></li>
                <li><a href="">下载app</a></li>
                <li><a href="">Select Location</a></li>
            </ul>
            <ul class="top_nav_login">
            </ul>
        </div>
    </div>
    <!-- nav -->
    <div class="navss">
        <div class="navs-con">
            <div class="nav_le">
                <a href="./index.html">
                    <ol>

                        <li>
                            <img src="https://s02.mifile.cn/assets/static/image/mi-home.png" alt="">
                        </li>
                        <li>
                            <img src="https://s02.mifile.cn/assets/static/image/mi-logo.png" alt="">
                        </li>
                    </ol>
                </a>
                <a href=""></a>
            </div>
            <ul>
                <li><a href="">小米手机</a></li>
                <li><a href="">Redmi 红米</a></li>
                <li><a href="">电视</a></li>
                <li><a href="">笔记本</a></li>
                <li><a href="">家电</a></li>
                <li><a href="">路由器</a></li>
                <li><a href="">智能硬件</a></li>
                <li><a href="">服务</a></li>
                <li><a href="">社区</a></li>
            </ul>
            <div class="nav_tab_c">
                <ul>
                    <li>
                        <a href="">
                            <div><img src="" alt=""></div>
                            <h4>洗碗机洗碗机洗碗机</h4>
                            <p>43999元</p>
                        </a>
                    </li>
                </ul>
            </div>
            <form action="">
                <input type="text" placeholder="洗碗机">
                <button>
                    <span  class="iconfont icon-sousuo "></span>
                </button>
                <!-- <input type="submit" value="" class="iconfont icon-sousuo "> -->
            </form>
        </div>
    </div>
    <!-- banner -->
    <div class="banner-con">
        <div class="banner_cont">
            <ul>
                <li>
                    <a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ac3ef452ba1527d6bf32dc2c3ffc617c.jpg?thumb=1&w=1226&h=460&f=webp&q=90" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fd26f438f9046e7fe81c7c5b27649fdf.jpg?thumb=1&w=1226&h=460&f=webp&q=90" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/66c6d0c733c9b8a2dca728033adedc0b.jpg?w=2452&h=920" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fd26f438f9046e7fe81c7c5b27649fdf.jpg?thumb=1&w=1226&h=460&f=webp&q=90" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cc880682e314092bd56a4c2d6b044e83.jpg?thumb=1&w=1226&h=460&f=webp&q=90" alt="">
                    </a>
                </li>
            </ul>
            <span class="iconfont icon-zuojiantou"></span>
            <span class="iconfont icon-iconfontjiantou5"></span>
            <ol style="left: 50%; ">
            </ol>
        </div>
    </div>
    <!-- goods_list -->
    <div class="goods_list">
        <ul></ul>
        <div class="M-box m-style"></div>
    </div>
    <!-- footer -->
    <div class="footer_con">
        <ul class="foot_top">
            <li>
                <a href="">
                    <span class="iconfont icon-icongongju"></span>
                    <span>预约维修服务</span>
                </a>
            </li>
            <li>
                <a href="">
                    <span class="iconfont icon-7tianwuliyoutuihuo"></span>
                    <span>7天无理由退货</span>
                </a>
            </li>
            <li>
                <a href="">
                    <span class="iconfont icon-15tianwuliyoutuihuo"></span>
                    <span>15天免费换货</span>
                </a>
            </li>
            <li>
                <a href="">
                    <span class="iconfont icon-lipin"></span>
                    <span>满99元包邮</span>
                </a>
            </li>
            <li>
                <a href="">
                    <span class="iconfont icon-dingwei"></span>
                    <span>520余家售后网点</span>
                </a>
            </li>
        </ul>
        <div class="foot_tops flex_clear">
            <dl>
                <dt>帮助中心</dt>
                <dd>
                    <a href="">
                        账户管理
                    </a>
                    <a href="">
                        账户管理
                    </a>
                    <a href="">
                        账户管理
                    </a>
                </dd>
            </dl>
            <dl>
                <dt>帮助中心</dt>
                <dd>
                    <a href="">
                        账户管理
                    </a>
                    <a href="">
                        账户管理
                    </a>
                    <a href="">
                        账户管理
                    </a>
                </dd>
            </dl>
            <dl>
                <dt>帮助中心</dt>
                <dd>
                    <a href="">
                        账户管理
                    </a>
                    <a href="">
                        账户管理
                    </a>
                    <a href="">
                        账户管理
                    </a>
                </dd>
            </dl>
            <dl>
                <dt>帮助中心</dt>
                <dd>
                    <a href="">
                        账户管理
                    </a>
                    <a href="">
                        账户管理
                    </a>
                    <a href="">
                        账户管理
                    </a>
                    <a href="">
                        账户管理
                    </a>
                    <a href="">
                        账户管理
                    </a>
                </dd>
            </dl>
            <dl>
                <dt>帮助中心</dt>
                <dd>
                    <a href="">
                        账户管理
                    </a>
                    <a href="">
                        账户管理
                    </a>
                    <a href="">
                        账户管理
                    </a>
                </dd>
            </dl>
            <dl>
                <dt>帮助中心</dt>
                <dd>
                    <a href="">
                        账户管理
                    </a>
                    <a href="">
                        账户管理
                    </a>
                    <a href="">
                        账户管理
                    </a>
                </dd>
            </dl>
            <dl>
                <dt>400-100-5657</dt>
                <dd>
                    <h4>8:00-18:00(仅收取话费)</h4>
                    <div>
                        <span class="iconfont icon-tongdao">人工客服</span>
                    </div>
                    <div class="flex_clear">
                        <span>关注小米:</span>
                        <a href="" style="padding: 3px 5px 0 5px;"><span class="iconfont icon-qq"></span></a>
                        <a href="" style="padding: 3px 0px 0 0px;"><span class=" iconfont icon-weixin "></span></a>
                    </div>
                </dd>
            </dl>
        </div>
        <div class="footer_bottoms ">
            <ul class="flex_clear ">

            </ul>
            <ul class="flex_clear ">
            </ul>
            <ul class="flex_clear ">
                <li>
                    <a href=" "><img src="http://i1.mifile.cn/f/i/17/site/truste.png " alt=" "></a>
                </li>
                <li>
                    <a href=" "><img src="http://s01.mifile.cn/i/v-logo-2.png " alt=" "></a>
                </li>
                <li>
                    <a href=" "><img src="http://s01.mifile.cn/i/v-logo-1.png " alt=" "></a>
                </li>
            </ul>
        </div>
    </div>

    <div class="lef_pos ">
        <ul>
            <li><span class="iconfont icon-shouji "></span></li>
            <li><span class="iconfont icon-user "></span></li>
            <li><span class="iconfont icon-icongongju "></span></li>
            <li><span class="iconfont icon-erji "></span></li>
            <li><span class="iconfont icon-gouwuchekong "></span></li>
            <!-- <li></li> -->
        </ul>
        <div><span class="iconfont icon-huidaodingbu "></span></div>
    </div>

    <script src="../js/tools.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../jquery-pagination/jquery.pagination.js"></script>
    <!--跳转相关设定 -->
    <script src="../js/shopCartNav.js"></script>
    <!-- 渐隐渐现轮播图 -->
    <script src="../js/Rotationchart.js"></script>
    <!-- 页面布局 -->
    <script src="../js/pageBot.js"></script>
    <!--列表数据  -->
    <script src="../js/list.js"></script>

</body>

</html>